<template>
   <div class="navlist">
      <div class="list">
         <div class="list_item" v-for="item in 10" :key="item.id">
            <p>小鸡炖蘑菇</p>
            <van-icon name="arrow" color="#bbb"/>
         </div>
      </div>
   </div>
</template>

<script>
   export default {
      
   }
</script>

<style lang="scss" scoped>
.navlist{
   width: 100vw;
   height: 100vh;
   background-color: #fff;
}
.list{
   margin-top: 50px;
   padding: 15px;
   .list_item{
      width: 100%;
      height: 40px;
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #e8e8e8;
      p{
         font-size: 14px;
         line-height: 40px;
      }
      ::v-deep(.van-icon-arrow){
         line-height: 40px;
      }
   }
}
</style>